<template>
     
  <div class="home2">
    <div class="zhtop"><img src="@/assets/shape_u112.png" />账号与安全</div>
       
    <ul class="lianjie">
      <li >绑定手机号码 <span>188****9999</span><span class="span2">已绑定</span></li>
      <li class="mima">修改密码<img src="@/assets/形状结合_u5004.png"></li>
    </ul>
       
  </div>
</template>
<script>
export default {
  data() {
    return {};
  },
  created() {},
  computed: {},
  methods: {},
};
</script>
<style lang="less" scoped>

  .home2 {
    width: 100%;
    height: 100%;

    .zhtop {
      width: 100%;
      height: 6rem;
      background-color: #fff;
      font-size: 2rem;
      font-weight: bold;
      margin-top: 1rem;
        border-bottom: 2rem solid rgb(236, 235, 235);
      img {
        margin-right: 12rem;
        margin-left: 2rem;
      }
    }
    .lianjie{
        width: 100%;
        .mima{
            img{
                margin-left:25rem;
            }
          }
        
    li{
        height: 5rem;
        margin: 0;
        margin-top: 2rem; 
        padding-left:2rem ;
        font-size: 2rem;
        border-bottom: 0.2rem solid rgb(214, 209, 209) ;
        .span2{
          font-size: 1.5rem;
         }
       span{
        color: rgb(196, 190, 190);
        margin-left:3rem;
       
        
       } 
      
        }
    }
  }

</style>